﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterClinicaSanPablo.Master" AutoEventWireup="true" CodeBehind="MantenimientoTipoQueja.aspx.cs" Inherits="ClinicaSanPablo.MantenimientoTipoQueja" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
<script type="text/javascript">
    $(document).ready(function () {

        function limpiar() {
            $("#txtDescripcionRegistro").val("");
            $("#txtDescripcionBusqueda").val("");
            $("#txtPlazoCantidad").val("");
            $("#txtPlazoUnidad").val("");

            $("#txtDescripcionBusqueda").focus();
        }

        $('#mantenimientoTipoQueja').validate({
            rules: {
                ctl00$master$txtDescripcionRegistro: {
                    required: true
                },
                ctl00$master$txtPlazoCantidad: {
                    required: true
                },
                ctl00$master$txtPlazoUnidad: {
                    required: true
                }
            },
            messages: {
                ctl00$master$txtDescripcionRegistro: {
                    required: "<br/> * Ingrese descripcion"
                },
                ctl00$master$txtPlazoCantidad: {
                    required: "<br/> * Ingrese cantidad"
                },
                ctl00$master$txtPlazoUnidad: {
                    required: "<br/> * Ingrese unidad"
                }
            }
        });

        $('#btnBuscar').click(function () {
            div = document.getElementById('oculta1');
            div.style.display = "block";
            div = document.getElementById('oculta2');
            div.style.display = "none";
            div = document.getElementById('oculta3');
            div.style.display = "none";
            $("#grdListTipoQueja").trigger("reloadGrid");

            $("#btnActualizar").hide("slow");
            return false;
        });

        $('#btnAgregar').click(function () {
            div = document.getElementById('oculta2');
            div.style.display = "block";
            div = document.getElementById('oculta3');
            div.style.display = "block";

            $("#txtDescripcionRegistro").val("");
            $("#txtPlazoCantidad").val("");
            $("#txtPlazoUnidad").val("");

            $("#btnRegistrar").show("slow");
            $("#btnActualizar").hide("slow");
            return false;
        });
        
        $("#grdListTipoQueja").jqGrid({
            url: "BusTipoQueja.aspx",
            datatype: 'json',
            type: 'GET',
            colNames: ['Código', 'Descripción', 'Plazo Nro', 'Plazo Unidad', 'Fecha Registro', 'Fecha Actualización', 'Usuario Registro'],
            colModel: [
                    { name: 'Id', index: 'Id', align: 'center', width: 100, sortable: false, hidden: true },
                    { name: 'Descripcion', index: 'Descripcion', align: 'center', width: 200, sortable: false },
                    { name: 'PlazoCantidad', index: 'Descripcion', align: 'center', width: 70, sortable: false },
                    { name: 'PlazoUnidad', index: 'Descripcion', align: 'center', width: 100, sortable: false },
                    { name: 'FechaRegistro', index: 'FechaRegistro', align: 'center', width: 130, sortable: false },
                    { name: 'FechaActualizacion', index: 'FechaActualizacion', align: 'center', width: 130, sortable: false },
                    { name: 'UsuarioRegistro', index: 'UsuarioRegistro', align: 'center', width: 200, sortable: false },
                    ],
            pager: jQuery('#grdPagerTipoQueja'),
            rowNum: 20,
            rowList: [20, 50, 100],
            sortname: 'Id',
            sortorder: 'desc',
            postData: {
                descripcion: function () { return $("#txtDescripcionBusqueda").val(); }
            },
            onSelectRow: function (id) {
                var ret = jQuery("#grdListTipoQueja").jqGrid('getRowData', id);
                Codigo = ret.Id;
                Descripcion = ret.Descripcion;
                PlazoCantidad = ret.PlazoCantidad;
                PlazoUnidad = ret.PlazoUnidad;
            }
        });

        $("#deleteFila").click(function () {
            var gr = jQuery("#grdListTipoQueja").getGridParam('selrow');
            if (gr != null) {
                var data3 = {
                    codTipoQueja: Codigo
                }

                var jsondata = JSON.stringify(data3);

                $.ajax({
                    type: "POST",
                    url: "MantenimientoTipoQueja.aspx/DeleteTipoQueja",
                    data: jsondata,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        var jsonData = JSON.parse(data.d);
                        if (jsonData.resultado) {
                            alert("Se elimino el registro");
                            limpiar();
                            div = document.getElementById('oculta2');
                            div.style.display = "none"
                            $("#grdListTipoQueja").trigger("reloadGrid");
                            $("#btnActualizar").hide("slow");
                        }
                        else {
                            alert("Error al eliminar");
                        }
                    },
                    error: function () {
                        alert("Failed to load names");
                    }
                });
                return false;
            }
            else alert("Seleccione una fila!");
        });

        $("#editFila").click(function () {
            var gr = jQuery("#grdListTipoQueja").getGridParam('selrow');
            if (gr != null) {
                $("#txtDescripcionRegistro").val(Descripcion);
                $("#txtPlazoCantidad").val(PlazoCantidad);
                $("#txtPlazoUnidad").val(PlazoUnidad);                

                div = document.getElementById('oculta2');
                div.style.display = "block"
                div = document.getElementById('oculta3');
                div.style.display = "block";

                $("#btnActualizar").show("slow");
                $("#btnRegistrar").hide("slow");
            }
            else {
                alert("Seleccione una fila!");
            }
        });

        $("#btnCancelar").click(function () {
            div = document.getElementById('oculta2');
            div.style.display = "none";
            div = document.getElementById('oculta3');
            div.style.display = "none";

            $("#btnRegistrar").hide("slow");
            $("#btnActualizar").hide("slow");
            return false;
        });

        $("#btnLimpiar").click(function () {
            limpiar();
            return false;
        });
        
        $('#btnRegistrar').click(function () {

            div = document.getElementById('oculta2');

            if (div.style.display == 'none') {
                alert("Seleccione el boton 'Agregar Tipo Queja'");
            }
            else {
                var valid = $('#mantenimientoTipoQueja').valid();
                if (valid) {
                    var descripcionTipoQueja = $("#txtDescripcionRegistro").val();
                    var plazoCantidad = $("#txtPlazoCantidad").val();
                    var plazoUnidad = $("#txtPlazoUnidad").val();

                    var fechaTodo = new Date();
                    var dia = fechaTodo.getDate();
                    var mes = fechaTodo.getMonth() + 1;
                    var anio = fechaTodo.getFullYear();
                    var fechaRegistro = dia + "/" + mes + "/" + anio;
                    var fechaActualizacion = dia + "/" + mes + "/" + anio;

                    var codUsuario = '85211458';

                    var data1 = {
                        DescripcionTipoQueja: descripcionTipoQueja,
                        PlazoCantidad: plazoCantidad,
                        PlazoUnidad: plazoUnidad,
                        FechaRegistro: fechaRegistro,
                        FechaActualizacion: fechaActualizacion,
                        CodUsuario: codUsuario
                    };

                    var jsondata = JSON.stringify(data1);

                    $.ajax({
                        type: "POST",
                        url: "MantenimientoTipoQueja.aspx/RegistrarTipoQueja",
                        data: jsondata,
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (data) {
                            var jsonData = JSON.parse(data.d);
                            if (jsonData.resultado) {
                                alert("Se registro Correctamente");
                                $("#grdListTipoQueja").trigger("reloadGrid");
                                limpiar();
                            }
                            else
                                alert("Error en el registro");
                        },
                        error: function () {
                            alert("Failed to load names");
                        }
                    });
                }
            }
            return false;
        });

        $("#btnActualizar").click(function () {

            var valid = $('#mantenimientoTipoQueja').valid();

            if (valid) {

                var DescripcionTipoQueja = $("#txtDescripcionRegistro").val();
                var PlazoCantidad = $("#txtPlazoCantidad").val();
                var PlazoUnidad = $("#txtPlazoUnidad").val();

                var fechaTodo = new Date();
                var dia = fechaTodo.getDate();
                var mes = fechaTodo.getMonth() + 1;
                var anio = fechaTodo.getFullYear();
                var FechaActualizacion = dia + "/" + mes + "/" + anio;

                var data3 = {
                    codTipoQueja: Codigo,
                    descripcionTipoQueja: DescripcionTipoQueja,
                    plazoCantidad: PlazoCantidad,
                    plazoUnidad: PlazoUnidad,
                    fecActualizacion: FechaActualizacion
                }

                var jsondata = JSON.stringify(data3);

                $.ajax({
                    type: "POST",
                    url: "MantenimientoTipoQueja.aspx/UpdateTipoQueja",
                    data: jsondata,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        var jsonData = JSON.parse(data.d);
                        if (jsonData.resultado) {
                            alert("Se actualizo el registro");
                            limpiar();
                            div = document.getElementById('oculta2');
                            div.style.display = "none"
                            $("#grdListTipoQueja").trigger("reloadGrid");
                            $("#btnActualizar").hide("slow");
                        }
                        else {
                            alert("Error al actualizar");
                        }
                    },
                    error: function () {
                        alert("Failed to load names");
                    }
                });
            }
            return false;
        });

        $('.csAlfanumerico').alphanumeric({ allow: " .,-" });
        $('.csAlfa').alpha({ nocaps: true, allow: " .,-" });
        $('.csNumericDudoso').numeric({ nocaps: true, allow: ".,-" });
        $('.csNumeric').numeric();   

    });    
    </script>
    <style type="text/css">
        .error
        {
            border: 1px solid red;
        }
        label.error
        {
            border: 0px;
            color: Red;
        }
        div.container
        {
            display: none;
            color: Red;
        }
        #grdMuestraRecla
        {
            text-align: center;
        }
        #asd .ui-jqgrid
        {
            display: block;
            margin: 0 auto;
        }
        .style36
        {
            width: 74px;
        }
        .style37
        {
            width: 4px;
        }
        .style38
        {
            width: 221px;
        }
        .style39
        {
            width: 82px;
        }
        .style40
        {
            width: 89px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="master" runat="server">
<form id="mantenimientoTipoQueja" runat="server">
    <div class="cuerpo">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td colspan="3">
                    <img src="images/caja_main01.gif" width="973" height="13" />
                </td>
            </tr>
            <tr>
                <td width="7" background="images/caja_main02.gif">
                    &nbsp;
                </td>
                <td class="info" valign="top">
                    <h1>
                        Mantenimiento de <strong>Tipo de Queja</strong></h1>
                    <div class="content" style="margin-bottom: 10px;">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="TablaStyle">
                            <%--<tr>
                                <td width="6">
                                    <img src="images/cajaN_01.gif" width="6" height="6" />
                                </td>
                                <td background="images/cajaN_02.gif">
                                    <img src="images/space.gif" width="10" height="5" />
                                </td>
                                <td width="6">
                                    <img src="images/cajaN_03.gif" width="6" height="6" />
                                </td>
                            </tr>--%>
                            <tr>
                                <%--<td width="6" background="images/cajaN_04.gif">
                                    &nbsp;
                                </td>--%>
                                <td bgcolor="#eeeeee">
                                    <h2>
                                        Búsqueda de Tipo de Queja:</h2>
                                    <table width="95%" border="0" align="center" cellpadding="1" cellspacing="1">
                                        <tr>
                                            <td class="style36">
                                                <strong>Descripcion:</strong>
                                            </td>
                                            <td width="160">
                                                <asp:TextBox ID="txtDescripcionBusqueda" runat="server" CssClass="frm" Width="175"></asp:TextBox>
                                            </td>
                                            <td width="100">
                                                <button id="btnBuscar" class="submitBtn">
                                                    <span>Buscar</span></button>
                                            </td>
                                            <td>
                                                <button id="btnAgregar" class="submitBtn">
                                                    <span>Agregar </span>
                                                </button>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <%-- <td width="6" background="images/cajaN_05.gif">
                                    &nbsp;
                                </td>--%>
                            </tr>
                            <%-- <tr>
                                <td width="6">
                                    <img src="images/cajaN_06.gif" width="6" height="6" />
                                </td>
                                <td background="images/cajaN_07.gif">
                                    <img src="images/space.gif" width="10" height="5" />
                                </td>
                                <td width="6">
                                    <img src="images/cajaN_08.gif" width="6" height="6" />
                                </td>
                            </tr>--%>
                        </table>
                    </div>
                    <%--style="display: none; margin-bottom: 10px;"--%>
                    <div class="content" id="oculta1" style="display: none; margin-bottom: 10px;">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="TablaStyle">
                            <%--<tr>
                                <td width="6">
                                    <img src="images/cajaN_01.gif" width="6" height="6" />
                                </td>
                                <td background="images/cajaN_02.gif">
                                    <img src="images/space.gif" width="10" height="5" />
                                </td>
                                <td width="6">
                                    <img src="images/cajaN_03.gif" width="6" height="6" />
                                </td>
                            </tr>--%>
                            <tr>
                                <%--<td width="6" background="images/cajaN_04.gif">
                                    &nbsp;
                                </td>--%>
                                <td bgcolor="#eeeeee">
                                    <h2>
                                        Resultado:</h2>
                                    <div style="width: 100%;" id="asd" align="center">
                                        <table id="grdListTipoQueja">
                                        </table>
                                    </div>
                                    <div id="grdPagerTipoQueja" align="center">
                                    </div>
                                    <table style="margin-left: 32px">
                                        <tr>
                                            <td>
                                                <input type="button" value="" id="editFila" />&nbsp;
                                                <input type="button" value="" id="deleteFila" />
                                            </td>
                                        </tr>
                                    </table>
                                    <br />
                                </td>
                                <%--<td width="6" background="images/cajaN_05.gif">
                                    &nbsp;
                                </td>--%>
                            </tr>
                            <%--<tr>
                                <td width="6">
                                    <img src="images/cajaN_06.gif" width="6" height="6" />
                                </td>
                                <td background="images/cajaN_07.gif">
                                    <img src="images/space.gif" width="10" height="5" />
                                </td>
                                <td width="6">
                                    <img src="images/cajaN_08.gif" width="6" height="6" />
                                </td>
                            </tr>--%>
                        </table>
                    </div>
                    <%--style="display: none;"--%>
                    <div class="content" id="oculta2" style="display: none;">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="TablaStyle">
                            <tr>
                                <td class="style37">
                                </td>
                                <td>
                                </td>
                                <td width="6">
                                </td>
                            </tr>
                            <tr>
                                <td class="style37">
                                    &nbsp;
                                </td>
                                <td bgcolor="#eeeeee">
                                    <h2>
                                        Nuevo /Editar Tipo de Queja</h2>
                                    <table width="95%" border="0" align="center" cellpadding="2" cellspacing="1">
                                        <tr>
                                            <td class="style36">
                                                Descripcion :
                                            </td>
                                            <td class="style38">
                                                <asp:TextBox ID="txtDescripcionRegistro" runat="server" CssClass="frm" Width="200"></asp:TextBox>
                                            </td>
                                            <td class="style39">
                                                Plazo Cantidad :
                                            </td>
                                            <td class="style40">
                                                <asp:TextBox ID="txtPlazoCantidad" runat="server" CssClass="frm csNumeric" Width="30" MaxLength="3"></asp:TextBox>
                                            </td>
                                            <td class="style36">
                                                Plazo Unidad :
                                            </td>
                                            <td>
                                                <asp:TextBox ID="txtPlazoUnidad" runat="server" CssClass="frm" Width="100"></asp:TextBox>
                                            </td>
                                        </tr>
                                    </table>
                                    <p>
                                        &nbsp;</p>
                                </td>
                                <td width="6">
                                    &nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td class="style37">
                                </td>
                                <td>
                                </td>
                                <td width="6">
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div id="oculta3" style="display: none;">
                        <p align="center">
                            <button id="btnRegistrar" class="submitBtn">
                                <span>Registrar</span></button>
                            <button id="btnActualizar" class="submitBtn">
                                <span>Actualizar</span></button>
                            <button id="btnCancelar" class="submitBtn">
                                <span>Cancelar</span></button>
                            <button id="btnLimpiar" class="submitBtn">
                                <span>Limpiar</span></button>
                        </p>
                    </div>
                </td>
                <td width="7" background="images/caja_main03.gif">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    <img src="images/caja_main04.gif" width="973" height="13" />
                </td>
            </tr>
        </table>
    </div>
    </form>
</asp:Content>
